<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
    <p>
      For a guide and recipes on how to configure / customize this project,<br>
      check out the
      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
    </p>
    <h3>Installed CLI Plugins</h3>
    <ul>
      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router" target="_blank" rel="noopener">router</a></li>
      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
    </ul>
    <h3>Essential Links</h3>
    <ul>
      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
    </ul>
    <h3>Ecosystem</h3>
    <ul>
      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
    </ul>
        <ul>
  <li>
    <a
      href="http://localhost:8080/emps/1&token=eyJhbGciOiJIUzI1NiJ9.eyJuYW1lIjoi54mi54uxIiwiaWQiOjIxLCJ1c2VybmFtZSI6Imxhb3l1IiwiZXhwIjoxNjkyNjQ1OTA0fQ.9vPSf0F7UKBgGZB2rnwlutQR6J6ZnXMHnkucEYGBwZc"
      target="_blank">
      test
    </a>
    <button @click="alda"> 点击</button>
  </li>
</ul>
  </div>
</template>

<script>
import axios from 'axios';


export default {
  name: 'HelloWorld',
  props: {
    msg: String
  },
  data() {
        return {
            tableData: [],
            searchForm: {
               username:'laoyu',
               password:'123456'
            }
        }
    },
    methods: {
      alda () {
        //发送异步请求,获取数据
       var _this=this;
            axios({
                method:"post",
                //url:"http://localhost:8080/dome1/elServlet?method=selectAll"
                url:"/api/login",
                data:_this.searchForm,
            }).then(function (resp){
                alert(resp.data);
            })
        }
         /* fetchUsers() {
      getUsers()
        .then((response) => {
          console.log(response.data);
          // 处理接口返回的数据
        })
        .catch((error) => {
          console.error(error);
          // 处理错误
        });
    }, */
        /* onSubmit:function(){
            alert("查询数据");
        },
        handleSizeChange:function(val){
            alert("每页记录数变化" + val)
        },
        handleCurrentChange:function(val){
            alert("页码发生变化" + val)
        } */
    }
    
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h3 {
  margin: 40px 0 0;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #42b983;
}
</style>
